import React from 'react'
import '../App.css'
// import CounterContainer from './counterContainer'
// import CalculationContainer from './calculationContainer'
// import ErrorBoundary from '../component/errorBoundary'
import Footer from '../component/Footer'
import { BrowserRouter, Route, Switch} from 'react-router-dom'
import Calculation from './calculationContainer'
import Counter from './counterContainer'


class App extends React.Component {
  render() {
    return (
      <BrowserRouter>
        <div className="App">
          <header className="App-header">
            <h1 className="App-title">My First React</h1>
          </header>
          <div>
            <Footer />
          </div>
                
          <Switch>
                <Route path="/CALCULATION" component={Calculation}/>
                <Route path="/COUTER" component={Counter} />
          </Switch>
        </div>
      </BrowserRouter>
    );
  }
}

export default App;
